<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>拉拉货物流有限公司</title>
		<meta name="keywords" content="拉拉货物流有限公司,汕头物流配送,汕头物流,汕头物流货运,汕头货运,全国货运,厦门物流配送,深圳物流配送,广州物流配送,物流配送,物流货运,货运配送" />
	    <meta name="description" content="拉拉货物流有限公司是一家承接全国各地门到门配送业务的专业第三方物流，为企业量身定做仓储、配送物流方案，针对大小客户配备专业项目小组进行专人专车对接。" />
	    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
	    <link rel="stylesheet" href="css/amazeui.min.css" type="text/css" />
	    <link rel="stylesheet" href="css/style.css" type="text/css" />
	    <script type="text/javascript" src="js/jquery.min.js" ></script>
	    <script type="text/javascript" src="js/amazeui.min.js" ></script>
		<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=tr1cFgHnr57lDma8FskVQHz7aNWFD03v"></script>
	</head>
	<body>
		<header data-am-widget="header" class="am-header am-header-default header-green1">
	      <div class="am-header-left am-header-nav ">
		        <a href="javascript:history.back()" style="color: #fff;"><i class="am-icon-chevron-left"></i></a>
	        </div>
		  <h1 class="am-header-title" style="color: #fff;">我的位置</h1>

       </header>
       <div class="jl"></div>
    
      
	  
		<div id="container" style="width:640px;height:640px"></div>
		</body>
		<script type="text/javascript">
		
		    // 调用HTML5 GeoLocation API获取地理位置
		    function getLocation(){
		
		        document.getElementById('container').innerHTML = '正在搜寻中，请稍候。。。';
		
		        var options = {
		            enableHighAccuracy:true, 
		            maximumAge:1000
		        }
		
		        if(navigator.geolocation){
		            //浏览器支持geolocation
		            navigator.geolocation.getCurrentPosition(onSuccess,onError,options);
		        }else{
		            //浏览器不支持geolocation
		            alert('浏览器不支持GeoLocation!');
		        }
		    }
		
		    // 获取成功
		    function onSuccess(position){
		
		        // 经度
		        var longitude =position.coords.longitude;
		
		        // 纬度
		        var latitude = position.coords.latitude;
		
		        // 使用百度地图API创建地图实例  
		        var map =new BMap.Map("container");
		
		        // 创建一个坐标
		        var point =new BMap.Point(longitude,latitude);
		
		        // 地图初始化，设置中心点坐标和地图级别  
		        map.centerAndZoom(point, 16);
		
		        // 设置标注的图标,可自己定义图标
		        var icon = new BMap.Icon("http://api.map.baidu.com/img/markers.png", new BMap.Size(23, 25), {  
		            offset: new BMap.Size(10, 25),              // 定位图标尺寸  
		            imageOffset: new BMap.Size(0, 0 - 11 * 25)  // 设置图片偏移  
		        }); 
		
		        // 设置标注的经纬度
		        var marker = new BMap.Marker(new BMap.Point(longitude,latitude),{icon:icon});
		
		        // 把标注添加到地图上
		        map.addOverlay(marker);
		
		        // 设置点击事件
		        marker.addEventListener("click", function(){
		            alert("经度:" + longitude + ", 纬度:" + latitude);
		        });
		    }
		
		    // 获取失败
		    function onError(error){
		        switch(error.code){
		            case 1:
		                alert("位置服务被拒绝");
		            break;
		
		            case 2:
		                alert("暂时获取不到位置信息");
		            break;
		
		            case 3:
		                alert("获取信息超时");
		            break;
		
		            case 4:
		                alert("未知错误");
		            break;
		        }
		    }
		
		    window.onload = getLocation;
		</script>
	</body>






